<template>
    <el-container>
        <el-header style="height: 10vh;">
            <Header></Header>
        </el-header>

        <el-container style="height: 90vh;">
            <el-aside width=200px>
                <Aside></Aside>
            </el-aside>

            <el-main>
                <router-view/>
            </el-main>
        </el-container>
    </el-container>
</template>

<script>
    import Aside from "./Aside";
    import Header from "./Header";
    // import Main from "./Main";

    export default {
        name: "Index",
        components: {Header, Aside},

        methods: {},
    };
</script>

<style>
    .el-header {
        font-size: 12px;
        background-color: #c71111;
        color: #fff;
        line-height: 60px;
    }

    .el-aside {
        background-color: #df1717;
        color: #333;
    }
</style>
